<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>My Software | Dashboard</title>
		<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
		<!-- bootstrap 3.0.2 -->
		<link href="<?php echo base_url() . B_CSS; ?>bootstrap.min.css" rel="stylesheet" type="text/css" />
		<!-- font Awesome -->
		<link href="<?php echo base_url() . B_CSS; ?>font-awesome.min.css" rel="stylesheet" type="text/css" />
		<!-- Ionicons -->
		<link href="<?php echo base_url() . B_CSS; ?>ionicons.min.css" rel="stylesheet" type="text/css" />
		<!-- DATA TABLES -->
		<link href="<?php echo base_url() . B_CSS; ?>datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
		<!-- Morris chart -->
		<link href="<?php echo base_url() . B_CSS; ?>morris/morris.css" rel="stylesheet" type="text/css" />
		<!-- jvectormap -->
		<link href="<?php echo base_url() . B_CSS; ?>jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
		<!-- Date Picker -->
		<link href="<?php echo base_url() . B_CSS; ?>datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
		<!-- Daterange picker -->
		<link href="<?php echo base_url() . B_CSS; ?>daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
		<!-- bootstrap wysihtml5 - text editor -->
		<link href="<?php echo base_url() . B_CSS; ?>bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
		<!-- Theme style -->
		<link href="<?php echo base_url() . B_CSS; ?>AdminLTE.css" rel="stylesheet" type="text/css" />

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->
		<style>
			.scrollbox {
				background: #FFFFFF;
				border: 1px solid #CCCCCC;
				height: 184px;
				overflow-y: scroll;
				width: 100%;
				padding: 0px 5px;
			}
			.required{
				color:red;
			}
		</style>
	</head>
	<body class="skin-blue">
		<!-- header logo: style can be found in header.less -->
		<?php
		$this -> load -> view(B_MASTER . "header");
		?>
		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Left side column. contains the logo and sidebar -->
			<?php
			$this -> load -> view(B_MASTER . "left-side");
			?>

			<!-- Right side column. Contains the navbar and content of the page -->
			<aside class="right-side">
				
				
				<?php
					$this->load->view(B_TEMPLATE."notifications/notification");
				?>
				<?php
				if ($this -> uri -> segment(1) == "") {
					$this -> load -> view(B_MASTER . "right-side");
				} else {
					$this -> load -> view(B_TEMPLATE . str_replace('-', '_', $this -> uri -> segment(1)) . '/' . (($this -> uri -> segment(2) == '') ? 'index' : str_replace('-', '_', $this -> uri -> segment(2))));
				}
				?>
			</aside><!-- /.right-side -->
		</div><!-- ./wrapper -->

		<!-- add new calendar event modal -->

		<!-- jQuery 2.0.2 -->
		<script src="<?php echo base_url() . B_JS; ?>jquery.min.js"></script>
		<!-- jQuery UI 1.10.3 -->
		<!--<script src="<?php echo base_url().B_JS;?>jquery-ui-1.10.3.min.js" type="text/javascript"></script>-->
		<!-- Bootstrap -->
		<script src="<?php echo base_url() . B_JS; ?>bootstrap.min.js" type="text/javascript"></script>

		<!-- DATA TABES SCRIPT -->
		<script src="<?php echo base_url() . B_JS_PLUGIN; ?>datatables/jquery.dataTables.js" type="text/javascript"></script>
		<script src="<?php echo base_url() . B_JS_PLUGIN; ?>datatables/dataTables.bootstrap.js" type="text/javascript"></script>
		
		<!-- InputMask -->
		<script type="text/javascript" src="<?php echo base_url() . B_JS_PLUGIN; ?>input-mask/jquery.inputmask.js"></script>
		<script type="text/javascript" src="<?php echo base_url() . B_JS_PLUGIN; ?>input-mask/jquery.inputmask.date.extensions.js"></script>
		<script type="text/javascript" src="<?php echo base_url() . B_JS_PLUGIN; ?>input-mask/jquery.inputmask.extensions.js"></script>
		<!-- Morris.js charts -->
		<!--<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
		<script src="<?php echo base_url().B_JS_PLUGIN;?>morris/morris.min.js" type="text/javascript"></script>-->
		<!-- Sparkline -->
		<!--<script src="<?php echo base_url().B_JS_PLUGIN;?>sparkline/jquery.sparkline.min.js" type="text/javascript"></script>-->
		<!-- jvectormap -->
		<!--<script src="<?php echo base_url().B_JS_PLUGIN;?>jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
		<script src="<?php echo base_url().B_JS_PLUGIN;?>jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>-->
		<!-- jQuery Knob Chart -->
		<!--<script src="<?php echo base_url().B_JS_PLUGIN;?>jqueryKnob/jquery.knob.js" type="text/javascript"></script>-->
		<!-- daterangepicker -->
		<!--<script src="<?php echo base_url().B_JS_PLUGIN;?>daterangepicker/daterangepicker.js" type="text/javascript"></script>-->
		<!-- datepicker -->
		<!--<script src="<?php echo base_url().B_JS_PLUGIN;?>datepicker/bootstrap-datepicker.js" type="text/javascript"></script>-->
		<!-- Bootstrap WYSIHTML5 -->
		<!--<script src="<?php echo base_url().B_JS_PLUGIN;?>bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>-->
		<!-- iCheck -->
		<!--<script src="<?php echo base_url().B_JS_PLUGIN;?>iCheck/icheck.min.js" type="text/javascript"></script>-->

		<!-- AdminLTE App -->
		<script src="<?php echo base_url() . B_JS; ?>AdminLTE/app.js" type="text/javascript"></script>

		<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
		<!--<script src="<?php echo base_url().B_JS;?>AdminLTE/dashboard.js" type="text/javascript"></script>-->

		<!-- AdminLTE for demo purposes -->
		<script src="<?php echo base_url() . B_JS; ?>AdminLTE/demo.js" type="text/javascript"></script>
		<!-- CK Editor -->
        <script src="<?php echo base_url() . B_JS; ?>plugins/ckeditor/ckeditor.js" type="text/javascript"></script>
        <!-- Bootstrap WYSIHTML5 -->
        <script src="<?php echo base_url() . B_JS; ?>plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
                //CKEDITOR.replace('editor1');
                //bootstrap WYSIHTML5 - text editor
                $(".textarea").wysihtml5();
            });
        </script>
		<!-- page script -->
		<script type="text/javascript">
			$(function() {
				$("#example1").dataTable();
				$('#example2').dataTable({
					"bPaginate" : true,
					"bLengthChange" : false,
					"bFilter" : false,
					"bSort" : true,
					"bInfo" : true,
					"bAutoWidth" : false
				});
			});
		</script>
		<script type="text/javascript">
			//date rankpicker
				//Datemask dd/mm/yyyy
				$("#datemask").inputmask("dd/mm/yyyy", {
					"placeholder" : "dd/mm/yyyy"
				});
				//Datemask2 mm/dd/yyyy
				$("#datemask2").inputmask("mm/dd/yyyy", {
					"placeholder" : "mm/dd/yyyy"
				});
				//Money Euro
				$("[data-mask]").inputmask();

				//Date range picker
				$('#reservation').daterangepicker();
				//Date range picker with time picker
				$('#reservationtime').daterangepicker({
					timePicker : true,
					timePickerIncrement : 30,
					format : 'MM/DD/YYYY h:mm A'
				});
		</script>
		<script>
			function checkAll(checkEm) {
				var cbs = document.getElementsByTagName('input');
				for (var i = 0; i < cbs.length; i++) {
					if (cbs[i].type == 'checkbox') {
						if (cbs[i].name == 'module_modify[]') {
							cbs[i].checked = checkEm;
						}
					}
				}
			}

			function checkAllAccess(checkEm) {
				if (checkEm) {
					var check = 'check';
				} else {
					var check = 'uncheck';
				}

				var access_id = 1;
				var cbs = document.getElementsByTagName('input');
				for (var i = 0; i < cbs.length; i++) {
					if (cbs[i].type == 'checkbox') {
						if (cbs[i].name == 'module_access[]') {
							//alert(access_id);
							$('#access' + access_id).iCheck(check);
							access_id++;
						}
					}
				}
			}

			function checkAllModify(checkEm) {
				if (checkEm) {
					var check = 'check';
				} else {
					var check = 'uncheck';
				}

				var modify_id = 1;
				var cbs = document.getElementsByTagName('input');
				for (var i = 0; i < cbs.length; i++) {
					if (cbs[i].type == 'checkbox') {
						if (cbs[i].name == 'module_modify[]') {
							//alert(access_id);
							$('#modify' + modify_id).iCheck(check);
							modify_id++;
						}
					}
				}
			}
		</script>

		<script>
			function goBack() {
				window.history.back()
			}
		</script>
		
		<!--Modal Files-->
		<?php
			$this->load->view(B_TEMPLATE."modals/change_picture");
			$this->load->view(B_TEMPLATE."modals/change_password");
			$this->load->view(B_TEMPLATE."modals/profile");
		?>
	</body>
</html>